<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">

    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/details.css">
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/layui-layer/dist/layer.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/page.js"></script>
    <script src="./js/tab.js"></script>
    <script src="./js/details.js"></script>
</head>

<body>
    <!-- 顶部登录栏 -->
    <div class="mainnav">
        <div class="wrap">
            <div id="t_scroll" class="fl l_side t_scroll">
                手机版
                <i>|</i>
                Q币充值
            </div>
            <div class="fr r_side">
                <div class="game game_hide" onmouseover="this.className='game game_show'" onmouseout="this.className='game game_hide'">
                    <a class="i_sp game_menu" href="javascript:;" id="game_menu" title="游戏导航">游戏导航</a>
                </div>
                <i>|</i>
                <a href="javascript:;" title="帮助中心">帮助中心</a>
                <i>|</i>
                <div id="a_center" class="fr" style="position:relative;width: 48px;">
                    <a href="center.html" title="个人中心" class="a_link">个人中心</a>
                    <div id="sp_news_num" style="display:none;background-color:red; position: absolute;left:48px;top:4px;height:5px;width:5px;-moz-border-radius:50px;border-radius:50%;-webkit-border-radius:50px;overflow:hidden;">0</div>
                </div>

                <i>|</i>
                <div class="login fr">
                    <div id="unlogin" class="customNav">
                        您还未登录，请 &nbsp;
                        <a title="注册" href="register.html">注册</a>
                        <i>|</i>
                        <a title="登录" href="login.html">登录</a>

                    </div>


                </div>
            </div>
        </div>
    </div>

    <!-- 通用主题栏 -->
    <div class="menu">
        <!-- 搜索栏 -->
        <div id="blk_nav_search" class="search">
            <div class="searchbox clearfix">
                <div class="logobox fl">
                    <a class="navico logo-djc" href="javascript:;" title="道聚城">道聚城</a>
                </div>

                <div class="logogame fl">
                    <a class="navico logo-lol" href="javascript:;" title="英雄联盟">英雄联盟</a>
                </div>
            </div>
        </div>

        <!-- 主导航栏 -->
        <div class="nav" id="blk_nav_menu">
            <div class="navico navwrap clearfix">
                <ul class="fl clearfix" style="overflow:hidden;">
                    <li class="navico">
                        <a href="home.html" class="js_btn_click_report">首页</a>
                    </li>
                    <li class="navico">
                        <a href="paging.html" class="js_btn_click_report">商品列表</a>
                    </li>
                    <li class="navico">
                        <a href="javascript:;" class="js_btn_click_report">活动专区</a>
                    </li>
                    <li class="navico">
                        <a href="javascript:;" class="js_btn_click_report">限时折扣</a>
                    </li>
                    <li class="navico">
                        <a href="javascript:;" class="js_btn_click_report">聚豆乐园</a>
                    </li>
                    <li class="navico">
                        <a href="javascript:;" class="js_btn_click_report">周边商城</a>
                    </li>
                    <li class="navico">
                        <a href="center.html" class="js_btn_click_report">个人中心</a>
                    </li>
                </ul>
                <div class="fr nav-cart">
                    <a href="shopping .html" class="btn-cart" title="购物车">
                        <s class="navico i-cart"></s>购物车
                    </a>
                </div>
            </div>
        </div>
    </div>


    <!-- 面包屑 -->
    <div class="location-box clearfix">
        <div class="fl">您现在的位置：
            <a href="javascript:;">英雄联盟</a>&nbsp;&gt;&nbsp;
            <a class="loccur" href="javascript:;">全部商品</a>&nbsp;&gt;&nbsp;道具详情</div>
    </div>

    <!-- 内容区 -->
    <div class="layout mainer clearfix" style="height: 650px;">
        <div class="sidebar fl">
            <!--左侧三个模块结构一致，使用同一个模块-->
            <!-- 看了该商品的用户还看了 -->
            <div id="mod_detail_left_other" class="sbcont">
                <h3>看了该商品的用户还看了
                    <span class="green-line"></span>
                </h3>
                <ul id="blk_detail_left_other" class="viewbuy-box clearfix" style="display: block;">
                    <li>
                        <a href="javascript:;" class="rank-link clearfix">
                            <div class="djimg fl">
                                <img src="./images2/2-92020-.jpg" alt="源计划：超体 莫德凯撒 暴走" width="76" height="76">
                            </div>
                            <div class="djinfo fr">
                                <p class="djname">源计划：超体 莫德凯撒 暴走</p>
                                <p class="djprice">Q币价：20.00 Q币</p>
                                <p class="djcpri" style="font-size:12px;">微信价：
                                    <strong>￥19.40 </strong>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="rank-link clearfix">
                            <div class="djimg fl">
                                <img src="./images2/2-267015-.jpg" alt="律政大亨 蒙多 蒸蒸日上" width="76" height="76">
                            </div>
                            <div class="djinfo fr">
                                <p class="djname">律政大亨 蒙多 蒸蒸日上</p>
                                <p class="djprice">Q币价：20.00 Q币</p>
                                <p class="djcpri" style="font-size:12px;">微信价：
                                    <strong>￥19.40 </strong>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="djimg fl">
                                <img src="./images2/2-523001-9.jpg" alt="K/DA ALL OUT 卡莎" width="76" height="76">
                            </div>
                            <div class="djinfo fr">
                                <p class="djname">K/DA ALL OUT 卡莎</p>
                                <p class="djprice">Q币价：79.00 Q币</p>
                                <p class="djcpri" style="font-size:12px;">微信价：
                                    <strong>￥76.63 </strong>
                                </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 猜你喜欢 -->
            <div id="mod_detail_left_recommend" class="sbcont mt10">
                <h3>猜你喜欢
                    <span class="green-line"></span>
                </h3>
                <ul id="blk_detail_left_recommend" class="viewbuy-box clearfix" style="display: block;">
                    <li>
                        <a href="javascript:;" class="rank-link clearfix">
                            <div class="djimg fl">
                                <img src="./images2/N-lol-1-100000-120471.jpg" alt="暗杀星 蒙多" width="76" height="76">
                            </div>
                            <div class="djinfo fr">
                                <p class="djname">暗杀星 蒙多</p>
                                <p class="djprice">Q币价：69.00 Q币</p>
                                <p class="djcpri" style="font-size:12px;">微信价：
                                    <strong>￥66.93 </strong>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="rank-link clearfix">
                            <div class="djimg fl">
                                <img src="./images2/N-lol-1-100000-148808.jpg" alt="源计划：泯灭 雷克顿" width="76" height="76">
                            </div>
                            <div class="djinfo fr">
                                <p class="djname">源计划：泯灭 雷克顿</p>
                                <p class="djprice">Q币价：99.00 Q币</p>
                                <p class="djcpri" style="font-size:12px;">微信价：
                                    <strong>￥96.03 </strong>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="rank-link clearfix">
                            <div class="djimg fl">
                                <img src="./images2/N-lol-1-100000-148810.jpg" width="76" height="76">
                            </div>
                            <div class="djinfo fr">
                                <p class="djname">天空之镜超能礼包</p>
                                <p class="djprice">Q币价：477.00 Q币</p>
                                <p class="djcpri" style="font-size:12px;">微信价：
                                    <strong>￥462.69 </strong>
                                </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="history fl"></div>
        </div>

        <div class="maincont fr">
            <!-- 商品信息栏 -->
            <div class="goodsbox">
                <div class="clearfix">
                    <div id="blk_detail_info" class="djinfobox clearfix" style="display: block;">
                        <div class="goods-img fl">
                            <div class="goods-img-bg pr">
                                <div class="enlarge fl">
                                    <div class="middle">
                                        <div class="mask"></div>
                                        <img class="xiangqing" src="./images/rabbit.jpg" alt="">
                                        <div class="big">
                                            <img src="./images/rabbit.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="small">
                                        <img class="active" src="./images/rabbit.jpg" alt="">
                                        <img src="./images/cat.jpg" alt="">
                                        <img src="./images/fish.jpg" alt="">
                                    </div>
                                </div>


                            </div>
                            <ul class="goods-action">
                                <li>
                                    <a href="javascript:;" sgoodsname="源计划：天眼 韦鲁斯" class="comico btn-goods-fav collect-btn" title="收藏商品">收藏商品</a>
                                </li>
                            </ul>
                        </div>
                        <div class="goodsbuy-box fl">
                            <h2 class="goods-name clearfix">
                                <span class="fl name goodsname"></span>
                            </h2>
                            <div class="comico goods-bg">
                                <dl>
                                    <dt class=" pt10">单价：</dt>
                                    <dd class="txt-line pt10 goodsprice">
                                        <span></span>
                                        <span>&nbsp;</span>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt class="fl">秒杀价：</dt>
                                    <dd class="fl">
                                        <span class="goods-price orange goodsprices"></span>
                                    </dd>
                                </dl>
                            </div>

                            <!-- 选择数量 -->
                            <dl class="pt18" style="display:none;">
                                <dt class="lt36">数量：</dt>
                                <dd>
                                    <div class="goods-amount fl">
                                        <a href="javascript:void(0);" id="btn_detail_skuselector_minus" class="goods-minus">-</a>
                                        <input name="buy_num" id="inpt_detail_main_buynum" max_num="1" type="text" value="1">
                                        <a href="javascript:void(0);" id="btn_detail_skuselector_plus" class="goods-plus">+</a>
                                    </div>
                                    <span class="lt36">件 （单Q限购1件）</span>
                                </dd>
                            </dl>


                            <dl class="pt18">
                                <dt>活动类型：</dt>
                                <dd id="use_date">双11欢乐购</dd>
                            </dl>
                            <!-- <dl><dt>是否支持购物点购买：</dt><dd>否</dd></dl>
                        <dl><dt>是否返还购物点：</dt><dd>否</dd></dl> -->

                            <span id="blk_detail_main_onsale" class="clearfix">
                                <a href="javascript:;"  class="fl btnico btn-goods-cart btn-com clearfix addcart" title="加入购物车" style="text-decoration: none">加入购物车</a>
                                <a href="shopping .html" id="btn_detail_main_grant" class="fl btnico btn-goods-handsel btn-blue" title="赠送" style="text-decoration: none">购买</a>
                            </span>
                        </div>
                    </div>

                </div>

                <!-- 商品详情栏 -->
                <div id="blk_detail_desc" class="goods-info-box clearfix">
                    <div class=" info-nav tab">
                        <ul>
                            <li class="active">商品详情</li>
                            <li>商品评价</li>
                            <li>售后服务</li>
                        </ul>

                        <div class="goods_tab_0 clear">
                            <p class="dj-detail description"></p>

                        </div>
                        <div class=" fl">
                            <ol>
                                <li class="active" name="introduce">

                                </li>
                                <li>
                                  
                                </li>
                                <li>
                                  
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>


                <!-- <div class="content">
                    <div class="history fl"></div>
                    <div class="tab fl">
                        <ol>
                            <li class="active" name="introduce">
                                <a href="">
                                    <img src="./images/rabbit.jpg" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="./images/cat.jpg" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="./images/fish.jpg" alt="">
                                </a>
                            </li>
                        </ol>
                    </div>
                </div> -->
            </div>
        </div>
    </div>

    <!-- 底部帮助栏 -->
    <!-- <div class="foot_area">
        <div class="bx_qa foot_wrap clearfix">
            <div class="bx_qa_t1">
                <h4 class="bx_qa_title">
                    <s class="i_sp i_new"></s>我是新手</h4>
                <ul class="bx_qa_ul c">
                    <li>
                        <a title="什么是道聚城"  class="btn_c" href="javascript:;">什么是道聚城</a>
                    </li>
                    <li>
                        <a title="如何购买道具"  class="btn_c" href="javascript:;">如何购买</a>
                    </li>
                    <li>
                        <a title="如何赠送道具"  class="btn_c" href="javascript:;">如何赠送</a>
                    </li>
                    <li>
                        <a title="如何获取聚豆"  class="btn_c" href="javascript:;">如何获取聚豆</a>
                    </li>
                </ul>
            </div>
            <div class="bx_qa_t1">
                <h4 class="bx_qa_title">
                    <s class="i_sp i_qa"></s>个人中心</h4>
                <ul class="bx_qa_ul c">
                    <li>
                        <a title="道具发货时间"  class="btn_c" href="javascript:;">发货时间</a>
                    </li>
                    <li>
                        <a title="道具如何领取"  class="btn_c" href="javascript:;">如何领取</a>
                    </li>
                    <li>
                        <a title="道具补发规则"  class="btn_c" href="javascript:;">补发规则</a>
                    </li>
                    <li>
                        <a title="Vip价定义"  class="btn_c" href="javascript:;">Vip价定义</a>
                    </li>
                    <li>
                        <a title="道具状态定义"  class="btn_c" href="javascript:;">道具状态定义</a>
                    </li>
                </ul>
            </div>
            <div class="bx_qa_t1">
                <h4 class="bx_qa_title">
                    <s class="i_sp i_pay"></s>支付方式</h4>
                <ul class="bx_qa_ul c">
                    <li>
                        <a title="支付方式"  class="btn_c" href="javascript:;">支付方式</a>
                    </li>
                    <li>
                        <a title="购物点支付"  class="btn_c" href="javascript:;">购物点支付</a>
                    </li>
                    <li>
                        <a title="如何充值"  class="btn_c" href="javascript:;">如何充值</a>
                    </li>
                </ul>
            </div>
            <div class="bx_qa_t1">
                <h4 class="bx_qa_title">
                    <s class="i_sp i_kf"></s>腾讯在线服务</h4>
                <ul class="bx_qa_ul c">
                    <li>
                        <a title="腾讯官方在线客服"  class="btn_c" id="kf" href="javascript:;">腾讯官方在线客服</a>
                    </li>
                </ul>
                <a class="business-link"  href="javascript:;"></a>
            </div>
            <div class="bx_qa_t1 bx_qa_code bx_qa_last">
                <ul class="bx_qa_ul c">
                    <li>
                        <div class="foot-codeimg">
                            <img src="//js01.daoju.qq.com/common/images/mall/zsdjc.png" alt="掌上道聚城二维码" width="100" height="100">
                        </div>
                        <p class="foot-codename">掌上道聚城</p>
                    </li>
                    <li>
                        <div class="foot-codeimg">
                            <img src="//js01.daoju.qq.com/common/images/mall/wechatdjc.png" alt="道聚城公众号" width="100" height="100">
                        </div>
                        <p class="foot-codename">道聚城公众号</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="foot_wrap">
            <div id="footer_ied">
                <div class="wrap_ied">
                    <p>
                        <a href="javascript:;" >腾讯互动娱乐</a> |
                        <a href="javascript:;" >服务条款</a>|
                        <a href="javascript:;" >腾讯游戏隐私保护指引</a>|
                        <a href="javascript:;" >腾讯游戏儿童隐私保护指引</a>|
                        <a href="javascript:;" >广告服务</a> |
                        <a href="javascript:;" >腾讯游戏招聘</a> |
                        <a href="javascript:;" >腾讯游戏客服</a> |
                        <a href="javascript:;" >游戏地图</a> |
                        <a href="javascript:;" >成长守护平台</a> |
                        <a href="javascript:;" >商务合作</a> |
                        <a href="javascript:;" >网站导航</a>
                    </p>
                    <p class="e">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                    <p>
                        <a href="javascript:;" >腾讯公司 版权所有</a>
                    </p>
                </div>
            </div>
        </div>
    </div> -->
    <div class="fixednav">
            <a href="#top">
                <i class="bg_sp btn_top"></i>返回顶部</a>
            <a href="javascript:;">反馈</a>
        </div>

</body>
<!-- <script src="./js/enlarge.js"></script> -->

</html>